import Con from "./Vuex";
const Son = (prop) => {
  return (
    <div>
      <Con.Consumer>
        {(arr) => {
          return arr.map((item, index) => {
            return <p key={index}>{arr[index]}</p>;
          });
        }}
      </Con.Consumer>
      123
    </div>
  );
};
export default Son;
/*
1.创建一个js文件 导出 React.Context()
2.js导入到根组件(App)
3.js.Provider 标签里面有value属性,以对象形式传数据,包裹子组件
4.子,导入js,js.Consumer 标签包裹{}js表达式()里面写父传来的数据,然后使用,return返回值

*/
